<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_1944219_8f78afwj6r7.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <header class="header-wrap">
        <div class="header-top-wrap">
            <div class="header-top">
                <nav class="top-menu">
                    <a href="javascript:;">新浪首页</a>
                    <a href="javascript:;">新浪游戏</a>
                    <a href="javascript:;">97973手游网</a>
                    <a href="javascript:;">微游戏</a>
                </nav>
                <div class="top-phone">
                    <a href="javascript:;" class="phone_a"><i class="iconfont icon-shouji"></i>手机 <span>∨</span></a>
                    <div class="top-phone-wrap">
                        <em class="triangle"></em>
                        <div class="top-phone-wrap-item">
                            <img src="./image/slogo/slogo1.jpg">
                            <div class="item-info">
                                <p class="info-title"><a href="javascript:;">新浪游戏客户端</a></p>
                                <p class="info-content"><a href="javascript:;">iPhone</a> / <a
                                        href="javascript:;">Android</a></p>
                            </div>
                        </div>
                        <div class="top-phone-wrap-item">
                            <img src="./image/slogo/slogo1.jpg">
                            <div class="item-info">
                                <p class="info-title"><a href="javascript:;">新浪游戏客户端</a></p>
                                <p class="info-content"><a href="javascript:;">iPhone</a> / <a
                                        href="javascript:;">Android</a></p>
                            </div>
                        </div>
                        <div class="top-phone-wrap-item">
                            <img src="./image/slogo/slogo1.jpg">
                            <div class="item-info">
                                <p class="info-title"><a href="javascript:;">新浪游戏客户端</a></p>
                                <p class="info-content"><a href="javascript:;">iPhone</a> / <a
                                        href="javascript:;">Android</a></p>
                            </div>
                        </div>
                        <div class="top-phone-wrap-item">
                            <img src="./image/slogo/slogo1.jpg">
                            <div class="item-info">
                                <p class="info-title"><a href="javascript:;">新浪游戏客户端</a></p>
                                <p class="info-content"><a href="javascript:;">iPhone</a> / <a
                                        href="javascript:;">Android</a></p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="top-notice">
                    <p>
                        <i class="iconfont icon-laba"></i>
                        <span>公告：</span>
                    <ul class="notice-ul">
                        <li><a href="javascript:;">多读书、多看报；少吃零食、多点广告</a></li>
                        <li><a href="javascript:;">参与调研，得海量积分</a></li>
                        <li><a href="javascript:;">多读书、多看报；少吃零食、多点广告</a></li>
                    </ul>
                    </p>
                </div>
            </div>

        </div>
        <div class="head-box">
            <img src="./image/logo/jf_logo.jpg">
            <div class="head-box-2">
                <img src="./image/logo/20160112172821.jpg">
            </div>
            <div class="search">
                <input type="text" placeholder="输入查询商品名称...">
                <button type="button">搜索</button>
            </div>
        </div>
        <div class="nav-wrap">
            <div class="nav">
                <div class="nav-container">
                    <a href="javascript:;">首页<i></i></a>
                    <a href="javascript:;">兑换商品<i></i></a>
                    <a href="javascript:;">积分活动<i></i></a>
                    <a href="javascript:;">常见问题<i></i></a>
                </div>
                <div class="login">
                    <div class="login_action">
                        <i class="iconfont icon-yonghu"></i>用户登录
                    </div>
                </div>
            </div>
        </div>
    </header>
    <div class="jf_warp">
        <div class="hgroup">
            <!-- 幻灯片 -->
            <div class="ps_box">
                <div class="pics_switch">
                    <div class="pics_img">
                        <img src="./image/hgroup/198.jpg">
                        <img src="./image/hgroup/266.jpg">
                        <img src="./image/hgroup/466.jpg">
                        <img src="./image/hgroup/20180504122055.jpg">
                        <img src="./image/hgroup/20200629155530.jpg">
                    </div>
                    <div class="previous page">&lt;</div>
                    <div class="next page">&gt;</div>
                    <div class="dot">
                        <div class="dot-item active">1</div>
                        <div class="dot-item">2</div>
                        <div class="dot-item">3</div>
                        <div class="dot-item">4</div>
                        <div class="dot-item">5</div>
                    </div>
                </div>
            </div>
            <!-- 签到 -->
            <div class="checkbox">
                <div class="cb_btn">
                    <span><i class="iconfont icon-weizhi"></i> 签到得100积分</span>
                </div>
                <div class="cb_news">
                    <div class="cb_news_wrap">
                        <h4 class="news_h4"><i class="iconfont icon-laba1"></i>最新消息</h4>
                        <div class="news-content">
                            <img src="http://jifen.sina.com.cn/jifen/images/v1.5/newsbg.png">
                            <div class="inform">
                                <p>【通知】积分商城下线公告</p>
                                <p>【活动】众筹中奖晒单得积分</p>
                                <p>【活动】参与调研，获10万积分</p>
                                <p>【消息】官方QQ群获取更多赚积</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="shearbun">
                    <div class="shearbun-wrap">
                        <a href="javascript:;"><i class="iconfont icon-qq"></i><span>客服QQ</span></a>
                        <a href="javascript:;"><i class="iconfont icon-weibo"></i><span>官方微博</span></a>
                    </div>
                </div>
            </div>
        </div>
        <div class="artical">
            <div class="artical-wrap">
                <div class="sectionLeft">
                    <div class="section-title">
                        <div class="title-content"><i class="iconfont icon-xingxing"></i>推荐商品</div>
                        <div class="title-more">更多>></div>
                    </div>
                    <div class="clear">
                        <div class="clear-item">
                            <div class="item-img"><img src="./image/commodity/202002.png"></div>
                            <div class="item-title">【团油】5元加油优惠卷</div>
                            <div class="item-integral">15,000积分</div>
                        </div>
                        <div class="clear-item">
                            <div class="item-img"><img src="./image/commodity/202002.png"></div>
                            <div class="item-title">【团油】5元加油优惠卷</div>
                            <div class="item-integral">15,000积分</div>
                        </div>
                        <div class="clear-item">
                            <div class="item-img"><img src="./image/commodity/202002.png"></div>
                            <div class="item-title">【团油】5元加油优惠卷</div>
                            <div class="item-integral">15,000积分</div>
                        </div>
                        <div class="clear-item">
                            <div class="item-img"><img src="./image/commodity/202002.png"></div>
                            <div class="item-title">【团油】5元加油优惠卷</div>
                            <div class="item-integral">15,000积分</div>
                        </div>
                        <div class="clear-item">
                            <div class="item-img"><img src="./image/commodity/202002.png"></div>
                            <div class="item-title">【团油】5元加油优惠卷</div>
                            <div class="item-integral">15,000积分</div>
                        </div>
                        <div class="clear-item">
                            <div class="item-img"><img src="./image/commodity/202002.png"></div>
                            <div class="item-title">【团油】5元加油优惠卷</div>
                            <div class="item-integral">15,000积分</div>
                        </div>
                    </div>
                </div>
                <div class="sectionRight">
                    <div class="section-title">
                        <div class="title-content"><i class="iconfont icon-xingxing"></i>推荐商品</div>
                    </div>
                    <div class="siderwp">
                        <div class="siderwap-wrap">
                            <div class="siderwp-item">
                                <div class="item-img"><img src="./image/commodity/201707.jpg"></div>
                                <div class="item-info">
                                    <p>积友5155...</p>
                                    <p>4小时前兑换了</p>
                                    <p>【诺道】益生菌固体饮料50元代金券</p>
                                </div>
                            </div>
                            <div class="siderwp-item">
                                <div class="item-img"><img src="./image/commodity/201707.jpg"></div>
                                <div class="item-info">
                                    <p>积友5155...</p>
                                    <p>4小时前兑换了</p>
                                    <p>【诺道】益生菌固体饮料50元代金券</p>
                                </div>
                            </div>
                            <div class="siderwp-item">
                                <div class="item-img"><img src="./image/commodity/201707.jpg"></div>
                                <div class="item-info">
                                    <p>积友5155...</p>
                                    <p>4小时前兑换了</p>
                                    <p>【诺道】益生菌固体饮料50元代金券</p>
                                </div>
                            </div>
                            <div class="siderwp-item">
                                <div class="item-img"><img src="./image/commodity/201707.jpg"></div>
                                <div class="item-info">
                                    <p>积友5155...</p>
                                    <p>4小时前兑换了</p>
                                    <p>【诺道】益生菌固体饮料50元代金券</p>
                                </div>
                            </div>
                            <div class="siderwp-item">
                                <div class="item-img"><img src="./image/commodity/201707.jpg"></div>
                                <div class="item-info">
                                    <p>积友5155...</p>
                                    <p>4小时前兑换了</p>
                                    <p>【诺道】益生菌固体饮料50元代金券</p>
                                </div>
                            </div>
                            <div class="siderwp-item">
                                <div class="item-img"><img src="./image/commodity/201707.jpg"></div>
                                <div class="item-info">
                                    <p>积友5155...</p>
                                    <p>4小时前兑换了</p>
                                    <p>【诺道】益生菌固体饮料50元代金券</p>
                                </div>
                            </div>
                            <div class="siderwp-item">
                                <div class="item-img"><img src="./image/commodity/201707.jpg"></div>
                                <div class="item-info">
                                    <p>积友5155...</p>
                                    <p>4小时前兑换了</p>
                                    <p>【诺道】益生菌固体饮料50元代金券</p>
                                </div>
                            </div>
                            <div class="siderwp-item">
                                <div class="item-img"><img src="./image/commodity/201707.jpg"></div>
                                <div class="item-info">
                                    <p>积友5155...</p>
                                    <p>4小时前兑换了</p>
                                    <p>【诺道】益生菌固体饮料50元代金券</p>
                                </div>
                            </div>
                            <div class="siderwp-item">
                                <div class="item-img"><img src="./image/commodity/201707.jpg"></div>
                                <div class="item-info">
                                    <p>积友5155...</p>
                                    <p>4小时前兑换了</p>
                                    <p>【诺道】益生菌固体饮料50元代金券</p>
                                </div>
                            </div>
                            <div class="siderwp-item">
                                <div class="item-img"><img src="./image/commodity/201707.jpg"></div>
                                <div class="item-info">
                                    <p>积友5155...</p>
                                    <p>4小时前兑换了</p>
                                    <p>【诺道】益生菌固体饮料50元代金券</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer">
        <div class="footer-wrap">
            <div class="condiv">
                <div class="icon"><i class="iconfont icon-tianjiayonghu"></i></div>
                <div class="info">
                    <p class="con1">关注我们</p>
                    <p class="con2">官方微博</p>
                    <p class="con3">官方QQ群</p>
                </div>
            </div>
            <div class="condiv">
                <div class="icon"><i class="iconfont icon-question"></i></div>
                <div class="info">
                    <p class="con1">常见问题</p>
                    <p class="con2">兑换方式</p>
                    <p class="con3">配送方式</p>
                </div>
            </div>
            <div class="condiv">
                <div class="icon"><i class="iconfont icon-lianjie"></i></div>
                <div class="info">
                    <p class="con1">友情链接</p>
                    <p class="con2">新浪网</p>
                    <p class="con3">新浪游戏</p>
                </div>
            </div>
            <div class="condiv">
                <div class="icon"><i class="iconfont icon-libao"></i></div>
                <div class="info">
                    <p class="con1">特色活动</p>
                    <p class="con2">疯狂积分雨</p>
                    <p class="con3">转盘大抽奖</p>
                </div>
            </div>
            <div class="conright">
                <div class="conright-title">关注公众号，每日送福利</div>
                <div class="conright-code"><img src="./image/hgroup/v2code.jpg" class="code"><img
                        src="./image/hgroup/line.png" class="border"></div>
                <div class="conright-info">
                    <p>商务合作</p>
                    <p>xxxxxxxxxxx@staff.sina.com.cn</p>
                </div>
            </div>
        </div>
        <div class="gfooter">
            <p>
                <span>新浪简介</span>
                <span>About Sina</span>
                <span>网站地图</span>
                <span>广告服务</span>
                <span>联系我们</span>
                <span>招聘信息</span>
                <span>网站律师</span>
                <span>SINA Englist</span>
                <span>通行证注册</span>
                <span>产品答疑</span>
            </p>
            <p>Copyright © 1996-2014 SINA Corporation, All Rights Reserved</p>
            <p>新浪公司 版权所有</p>
        </div>
    </footer>
    <script src="./js/index.js"></script>
</body>

</html>